<!doctype HTML>
<div>
    <div class="spacer" style="width: 1px; height: 2400px;"></div>
    <div id="target" style="width: 100px; height: 100px; background: blue"></div>
    <div class="spacer" style="width: 1px; height: 2400px;"></div>
  </div>
</div>
<script src="../resources/text-based-repaint.js"></script>
Tests that invalidation of a div after scrolling invalidates just the div and no other area.
<script>
function repaintTest() {
    window.scrollBy(0, 2350);
    target.style.background = "papayawhip";
    finishRepaintTest();
}
window.testIsAsync = true;
onload = runRepaintTest;
</script> 